مرجع آموزش طراحی سایت

jQuery یک کتابخانه (Library) یا این که همان دیگر یک کادر ورک برای گویش جاوا اسکریپت میباشد. مقصود اساسی طراحی سایت در مشهد این کتابخانه این میباشد که به کارگیری از جاوا اسکریپت را در پیاده سازی وب سایت آسوده‌خیس سازد. مشاجره این درس از زمان‌ی نقشه روش ساخت سایت، سوژه jQuery و جواب به پرسش jQuery چیست؟ است. چه چیزهایی را بایستی پیش از یادگیری jquery بدانم؟ پیش از استارت یادگیری جی‌کوئری، شما بایستی علم‌های اول ساخت وب سایت را داشته باشید. یعنی لهجه‌های:

HTML
CSS
JavaScript

به اشخاص جدید‌عمل سفارش میکنیم که قبل از رسیدگی این نوشته‌ی‌علمی، مقاله‌ها ذیل را مسلما استیناف نمایند:

HTML چیست؟ شناخت با گام اولیه پیاده سازی وب سایت
JavaScript چیست و چه کاربردی داراست؟

jQuery چیست؟
jQuery یک کتابخانه مدل وزن برای جاوا اسکریپت میباشد. این یعنی با وسعت کد کمتر نسبت به جاوا اسکریپت، بیشترین عمل را اجرا میدهد. شاید کارهایی که در جاوا اسکریپت نیاز به یک‌سری خط کدنویسی داراست، در جی کوئری صرفا در یک خط صورت پذیرد!

لوگو و شعار جی‌کوئری
همینطور jQuery بخش اعظمی از چیزهای غامض در JavaScript را هم معمولی می‌نماید، مانند AJAX و ویرایش DOM.

کتابخانه جی کوئری خصوصیت‌های ذیل را با خویش به همدم داراست:

ویرایش و تولید تغییرات در DOM
ویرایش و تولید تغییرات در CSS
مشی‌های روی داد (Event) برای HTML
ساخت و ساز افکت‌های متعدد و برنامه کودک
AJAX
و ابزارهای دیگر…

نکته بسیار اساسی: به طور تقریب برای هرکاری، افزونه‌هایی برای جی کوئری وجود داراست که میتوانید از آن ها به کارگیری نمائید.

چرا جی کوئری؟
اکنون که جواب پرسش jQuery چیست را دریافتید احتمالا می پرسید چرا می بایست از آن استعمال کنیم؟ تعداد متعددی کتابخانه یا این که کادر ورک برای گویش جاوا اسکریپت وجود داراست، البته به حیث میرسد jQuery دوستداشتنی‌ترین و بزرگ‌ترین کتابخانه این لهجه باشد.

کادر ورک چیست؟

در سراسر جهان بخش اعظمی از کمپانی‌های گران قدر در حوزه اینترنت، از جی کوئری استعمال می‌نمایند. مانند:

Google
Microsoft
IBM
Netflix
دلایل به کارگیری از jquery:

منجر کوتاه‌خیس شدن کدها نسبت به جاوا اسکریپت میشود
به یاری node قابل به کارگیری در سمت سرور میباشند
کتابخانه‌های متعددی به جی کوئری تعلق دارا‌هستند
مجموعه گسترش جی کوئری به خیر با مرورگرهای متفاوت شناخت دارا‌هستند و این مورد سبب ساز گردیده تا jQuery در تک تک مرورگرهای تبارک دقیقاً یکسان جاری ساختن خواهد شد.

به‌دنبال با به کارگیری از تعدادی نمونه سعی بر این داریم تا شمارا با کاربردهای جی‌کوئری بیشتر آشنا کنیم.

نمونه‌هایی از جی‌ کوئری؛ متدهای hide و show
در جی کوئری، می توانید عنصرها HTML را با به کار گیری از سیاق‌های ()hide و ()show ، نهفته و آشکار سازید.

1
2
3
4
5
6
7
$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

کد بالا می گوید وقتی که روی عنصری با خصیصه “id=”hide کلیک شد، مجموع موادسازنده p جان دار در کاغذ مخفی شوند. و وقتی که روی عنصری با خصیصه “id=”show کلیک شد، کل موادتشکیل دهنده p جانور در برگه آشکار شوند.

افکت‌های کشویی در jQuery
با استعمال از یکسری اسلوب ذیل در جی‌کوئری، میتوانید روی ارکان HTML افکت‌های کشویی جاری ساختن نمایید.

()slideDown
()slideUp
()slideToggle
1
2
3
$("#flip").click(function(){
$("#panel").slideToggle();
});
کد بالا می گوید هرگاه روی عنصری با خصیصه “id=”flip کلیک شد، عنصری با خصیصه “id=”panel بصورت کشویی گشوده و بسته خواهد شد.

jQuery یک کتابخانه (Library) یا این که همان دیگر یک کادر ورک برای گویش جاوا اسکریپت میباشد. مقصود اساسی طراحی سایت در مشهد این کتابخانه این میباشد که به کارگیری از جاوا اسکریپت را در پیاده سازی وب سایت آسوده‌خیس سازد. مشاجره این درس از زمان‌ی نقشه روش ساخت سایت، سوژه jQuery و جواب به پرسش jQuery چیست؟ است. چه چیزهایی را بایستی پیش از یادگیری jquery بدانم؟ پیش از استارت یادگیری جی‌کوئری، شما بایستی علم‌های اول ساخت وب سایت را داشته باشید. یعنی لهجه‌های:

HTML
CSS
JavaScript

به اشخاص جدید‌عمل سفارش میکنیم که قبل از رسیدگی این نوشته‌ی‌علمی، مقاله‌ها ذیل را مسلما استیناف نمایند:

HTML چیست؟ شناخت با گام اولیه پیاده سازی وب سایت
JavaScript چیست و چه کاربردی داراست؟

jQuery چیست؟
jQuery یک کتابخانه مدل وزن برای جاوا اسکریپت میباشد. این یعنی با وسعت کد کمتر نسبت به جاوا اسکریپت، بیشترین عمل را اجرا میدهد. شاید کارهایی که در جاوا اسکریپت نیاز به یک‌سری خط کدنویسی داراست، در جی کوئری صرفا در یک خط صورت پذیرد!

لوگو و شعار جی‌کوئری
همینطور jQuery بخش اعظمی از چیزهای غامض در JavaScript را هم معمولی می‌نماید، مانند AJAX و ویرایش DOM.

کتابخانه جی کوئری خصوصیت‌های ذیل را با خویش به همدم داراست:

ویرایش و تولید تغییرات در DOM
ویرایش و تولید تغییرات در CSS
مشی‌های روی داد (Event) برای HTML
ساخت و ساز افکت‌های متعدد و برنامه کودک
AJAX
و ابزارهای دیگر…

نکته بسیار اساسی: به طور تقریب برای هرکاری، افزونه‌هایی برای جی کوئری وجود داراست که میتوانید از آن ها به کارگیری نمائید.

چرا جی کوئری؟
اکنون که جواب پرسش jQuery چیست را دریافتید احتمالا می پرسید چرا می بایست از آن استعمال کنیم؟ تعداد متعددی کتابخانه یا این که کادر ورک برای گویش جاوا اسکریپت وجود داراست، البته به حیث میرسد jQuery دوستداشتنی‌ترین و بزرگ‌ترین کتابخانه این لهجه باشد.

کادر ورک چیست؟

در سراسر جهان بخش اعظمی از کمپانی‌های گران قدر در حوزه اینترنت، از جی کوئری استعمال می‌نمایند. مانند:

Google
Microsoft
IBM
Netflix
دلایل به کارگیری از jquery:

منجر کوتاه‌خیس شدن کدها نسبت به جاوا اسکریپت میشود
به یاری node قابل به کارگیری در سمت سرور میباشند
کتابخانه‌های متعددی به جی کوئری تعلق دارا‌هستند
مجموعه گسترش جی کوئری به خیر با مرورگرهای متفاوت شناخت دارا‌هستند و این مورد سبب ساز گردیده تا jQuery در تک تک مرورگرهای تبارک دقیقاً یکسان جاری ساختن خواهد شد.

به‌دنبال با به کارگیری از تعدادی نمونه سعی بر این داریم تا شمارا با کاربردهای جی‌کوئری بیشتر آشنا کنیم.

نمونه‌هایی از جی‌ کوئری؛ متدهای hide و show
در جی کوئری، می توانید عنصرها HTML را با به کار گیری از سیاق‌های ()hide و ()show ، نهفته و آشکار سازید.

1
2
3
4
5
6
7
$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

کد بالا می گوید وقتی که روی عنصری با خصیصه “id=”hide کلیک شد، مجموع موادسازنده p جان دار در کاغذ مخفی شوند. و وقتی که روی عنصری با خصیصه “id=”show کلیک شد، کل موادتشکیل دهنده p جانور در برگه آشکار شوند.

افکت‌های کشویی در jQuery
با استعمال از یکسری اسلوب ذیل در جی‌کوئری، میتوانید روی ارکان HTML افکت‌های کشویی جاری ساختن نمایید.

()slideDown
()slideUp
()slideToggle
1
2
3
$("#flip").click(function(){
$("#panel").slideToggle();
});
کد بالا می گوید هرگاه روی عنصری با خصیصه “id=”flip کلیک شد، عنصری با خصیصه “id=”panel بصورت کشویی گشوده و بسته خواهد شد.